<template>
  <div>
    <el-dialog
      title="删除"
      :visible.sync="dialogVisible"
      width="30%"
      :show-close="false"
      :closeOnClickModal="false"
      :closeOnPressEscape="false"
    >
      <div class="content">
        <div class="bgImg"></div>
        确认要删除此条信息吗？
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFn(true)">确 定</el-button>
        <el-button @click="submitFn(false)">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    dialogVisible: {
      type: Boolean,
      default: true,
    },
  },
  methods: {
    //预览
    submitFn(flag) {
      this.$emit("submitFn", flag);
    },
  },
};
</script>

<style scoped lang='scss'>
.content {
  width: 100%;
  height: 320px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  .bgImg {
    width: 110px;
    height: 112px;
    background: #3386fe;
    margin: 0 auto;
    background: url(../assets/wenhao.png) no-repeat center;
    background-size: cover;
    margin-top: 78px;
    margin-bottom: 27px;
  }
}
</style>